<template>
  <div class="app-body-title flex justify-between">
    <h1>
      <NuxtLink target="_blank" class="title" :href="data.url" :title="data.title">
        <Icon name="mdi:link-variant" size="14" />
        {{ data.title }}
      </NuxtLink>
    </h1>
    <NuxtLink target="_blank" :href="data.url" class="more" title="更多">
      <Icon name="ic:round-arrow-forward" />
    </NuxtLink>
  </div>
</template>
<script setup lang="ts">
interface IProps {
  data: any
}

const props = withDefaults(defineProps<IProps>(), {
  data: {},
})
const { data } = toRefs(props)
</script>
<style lang="scss" scoped></style>
